
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
   
    <meta charset="utf-8">
   
    <title>个人打卡</title><style>
	body{background-color: antiquewhite}
	.breadcrumb{text-decoration: none;}
	.col-md-2{color:yellow;}
	
	</style>
    
</head>

<body class="hold-transition skin-purple sidebar-mini">

<div class="wrapper">

    
    <div class="content-wrapper">


        <section class="content-header">
            <h1>
                个人打卡 <small>疫情防护要牢记，开始今天的打卡吧！</small>
            </h1>
            <ol class="breadcrumb">
                <li><a href="shouye.html"><h1>首页</h1></a></li>
            </ol>
        </section>
      

        <div style="margin-top: 30px;margin-left: 150px">
           
        </div>

        <form action="/checkOut/add"
              method="post">
                       <section class="content">
                <div class="panel panel-default">
                    <div class="panel-heading"><strong>打卡信息</strong></div>
                    <div class="row data-type">

                        <div class="col-md-2 title"><strong>姓名</strong></div>
                        <div class="col-md-4 data">
                            <input type="text" class="form-control" name="name"
                                   placeholder="姓名" value="">
                        </div>
                        <div class="col-md-2 title"><strong>目前位置</strong></div>
                        <div class="col-md-4 data" style="display: flex">
                          <input type="button" class="btn bg-olive"  value="点击获取位置" onclick="clickToGetAddress()"></input>
                            <input type="text" class="form-control" name="currentPosition" id="currentPosition"
                                   placeholder="目前位置" value="">
                        </div>
                        <div class="col-md-2 title"><strong>健康状况</strong></div>
                        <div class="col-md-4 data">
                            <input type="text" class="form-control" name="healthState"
                                   placeholder="健康状况" value="">
                        </div>
                        <div class="col-md-2 title"><strong>体温</strong></div>
                        <div class="col-md-4 data">
                            <input type="text" class="form-control" name="bodyTemperature"
                                   placeholder="体温" value="">
                        </div>
                        <div class="col-md-2 title"><strong>打卡时间</strong></div>
                        <div class="col-md-4 data">
                            <input type="date" class="form-control" name="checkOutDate"
                                   placeholder="打卡时间" value="">
                        </div>
                        <div class="col-md-2 title"><strong>是否到过高、中风险地区</strong></div>
                        <div class="col-md-4 data">
                            <input type="text" class="form-control" name="isToHighArea"
                                   placeholder="是否到达" value="">
                        </div>
                        <div class="col-md-2 title" >是否接触过疑似或者确诊</div>
                        <div class="col-md-4 data">
                            <input type="text" class="form-control" name="isTouch"
                                   placeholder="是否接触" value="">
                        </div>
                        <div class="col-md-2 title"><strong>备注</strong></div>
                        <div class="col-md-4 data">
                            <input type="text" class="form-control" name="remarks"
                                   placeholder="" value="">
                        </div>

                    </div>
                </div>
                <div class="box-tools text-center">
                    <button type="submit" class="btn bg-maroon"><a href="shouye.html">保存</a></button>
                </div><body background="5.png"></body>
               </section>
           
        </form>
    </div>
   



</div>




</body>

</html>